<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>在线绘制流程</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="css/diagram-js.css"/>
    <link rel="stylesheet" href="vendor/bpmn-font/css/bpmn-embedded.css"/>
    <link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<div class="content with-diagram" id="js-drop-zone">

    <div class="message intro">
        <div class="note">
            Drop BPMN diagram from your desktop or <a id="js-create-diagram" href>create a new diagram</a> to get
            started.
        </div>
    </div>

    <div class="message error">
        <div class="note">
            <p>Ooops, we could not display the BPMN 2.0 diagram.</p>

            <div class="details">
                <span>Import Error Details</span>
                <pre></pre>
            </div>
        </div>
    </div>

    <div class="canvas" id="js-canvas"></div>
    <div class="properties-panel-parent" id="js-properties-panel"></div>
</div>

<ul class="buttons">
    <li>
        download
    </li>
    <li>
        <a id="js-download-diagram" href title="download BPMN diagram">
            BPMN diagram
        </a>
    </li>
    <li>
        <a id="js-download-svg" href title="download as SVG image">
            SVG image
        </a>
    </li>
    <li>
        <a id="downloadLoadBPMN" href>
            导出
        </a>
    </li>
    <li>
        <a id="saveBPMN" href>
            部署
        </a>
    </li>
    <li>
        <form id="form1" name="myForm" onsubmit="return false" method="post"
              enctype="multipart/form-data" title="上传文件">
            <input type="file" name="uploadFile" id="uploadFile" accept=".bpmn" style="display:none">
            <label class="label" for="uploadFile">导入</label>
        </form>
    </li>
</ul>

<script src="index.js"></script>
</html>
